<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="user_header.jsp" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>相册页面</title>
    <link rel="stylesheet" type="text/css" href="/static/css/product1.css" media="all"/>
</head>

<body>
<div id="productdetails">
    <div class="fotos">
        <div class="big">
            <img src="/static/images/beispiel1.jpg" alt="beispiel"/>
        </div>
        <div class="small">
            <img src="/static/images/beispiel2.jpg" alt="beispiel"/>
            <img src="/static/images/beispiel3.jpg" alt="beispiel"/>
            <img src="/static/images/beispiel4.jpg" alt="beispiel"/>
        </div>
    </div>
    <div class="attribute">
        <h2> 浪漫相册系列 </h2>
        <hr style="width:100%"/>
        <ul>
            <li>价格:
                <span>${product.price} RMB</span>
            </li>
            <li>页数:
                <input type="radio" name="page"/>10页&nbsp;&nbsp;
                <input type="radio" name="page"/>16页&nbsp;&nbsp;
                <input type="radio" name="page"/>24页
            </li>
            <li>加工方式:
                <input type="radio" name="process"/>不覆膜&nbsp;&nbsp;
                <input type="radio" name="process"/>覆膜
            </li>
            <li>封面:
                <input type="radio" name="process"/>软壳&nbsp;&nbsp;
                <input type="radio" name="process"/>硬壳
            </li>
            <li><a class="herstellen" href="/works/${product.id}">我也要制作</a></li>
        </ul>
    </div>
    <hr style="width:100%;"/>
    <div class="infobox">
        <ul>
            <li>详细描述:
                <p>
                    <span class="title">${product.text}</span>
                </p>

            </li>
            <li>用户评论:
                <c:forEach items="${comment}" var="temp">
                    <p class="gastebuch">
                        <span id="gastname">${temp.username}</span>
                        <span id="zeit">( ${temp.addTime} ):</span>
                        <br/>
                        <span id="message" style="padding-left:20px">${temp.text}</span>
                    </p>
                </c:forEach>
            </li>
        </ul>
    </div>
</div>
<div id="hotsale">
    <h2>热门推荐</h2>
    <div class="empfehlen">
        <ul>
            <li>
                <a href="product.html">
                    <img src="/static/images/empfehlung.jpg" alt="productcover"/>
                    <span>33cm 竖版</span>
                </a>
            </li>
            <li>
                <a href="product.html">
                    <img src="/static/images/empfehlung.jpg" alt="productcover"/>
                    <span>30cm 竖版</span>
                </a>
            </li>
            <li>
                <a href="product.html">
                    <img src="/static/images/empfehlung.jpg" alt="productcover"/>
                    <span>36cm 竖版</span>
                </a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>
<%@ include file="user_footer.jsp" %>
